<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>example</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="jkframe.beta.1.0.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
    <div class="header columns12">
        <a href="#" class="logo col width3">My Web</a>
        <div class="banner col width9">
            <h1 class="title">my web</h1>
        </div>
        <div class="clear"></div>
        <ul class="mainNav horizontal width12">
            <li><a href="#">home</a></li>
            <li><a href="#">about</a></li>
            <li><a href="#">contact</a></li>
            <li><a href="#">my project</a>
                <ul class="sub-menu vertical">
                    <li><a href="#">project 1</a></li>
                    <li><a href="#">project 2</a></li>
                    <li><a href="#">project 3</a></li>
                    <li><a href="#">project 4</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="primary columns12">
        <div class="sideBar col width3"></div>
        <div class="content col width9"></div>
    </div>
    <div class="footer columns16">
        <div class="news col width5"></div>
        <div class="communicate col width6"></div>
        <div class="social col width5"></div>
    </div>
</div>
</body>
</html>